<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

	<meta name="author" content="Dave Shea" />
	<meta name="keywords" content="design, css, cascading, style, sheets, xhtml, graphic design, w3c, web standards, visual, display" />
	<meta name="description" content="A demonstration of what can be accomplished visually through CSS-based design." />
	<meta name="robots" content="all" />

<title>Human Minority Game</title>

	
<link rel="stylesheet" type="text/css" href="conmenu.css" />
</head>
<body>


<div id="container">
	<div id="intro">
		<div id="pageHeader">
			<h1><span>Human Minority Game</span></h1>
			<h2><span>Try to be the minority and win</span></h2>
		</div>
		<div id="menu">
			<span class="menu-item">Login</span>
			<span class="menu-item">Play</span>
			<span class="menu-item">Home</span>
			<span class="menu-item">Choose Room</span>
		</div>
	</div>
	<div id="supportingText">
		<div id="preamble">
			<h3><span>The Game Goes Here</span></h3>
			<p class="p1"><span>.....bla....</span></p>
			<p class="p2"><span>.....bla....</span></p>
			<p class="p3"><span>.....bla....</span></p>
		</div>
		<div id="footer">
			<span>The Human Minority Game was developed by Conrado and Lucila</span>
		</div>
	</div>
	<div id="linkList">
			<div id="ranking">
				<h3 class="archives"><span>Ranking:</span></h3>
				<ul>
					<li><span class="accesskey">Mejor1</span></li>
					<li><span class="accesskey">No tan bueno</span></li>
					<li><span class="accesskey">Medio pelo</span></li>
				</ul>
			</div>
	</div>
</div>

<!-- These extra divs/spans may be used as catch-alls to add extra imagery. -->
<!-- Add a background image to each and use width and height to control sizing, place with absolute positioning -->
<div id="extraDiv1">
	<span></span>
</div>
<div id="extraDiv2">
	<span></span>
</div>
<div id="extraDiv3">
	<span></span>
</div>
<div id="extraDiv4">
	<span></span>
</div>
<div id="extraDiv5">
	<span></span>
</div>
<div id="extraDiv6">
	<span></span>
</div>
</body>
</html>
